.mobile_right {
    width: 100%;
    position: relative;
    z-index: 1;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
    transition: all 0.4s;
    -moz-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    overflow:hidden;
}
.mobile_left{
    width: 260px;
    height:100vh;
    background: #fff;
    position: fixed;
    top: 0px;
    left: 0px;
    overflow-x:hidden;
    overflow-y: auto;
    z-index: -1;
    opacity:0;
    filter:alpha(opacity=0);
     transition: all 0.4s;
    -ms-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
}
.transform {
    transform: translate3d(260px,0,0);
    -ms-transform: translate3d(260px,0,0);
    -moz-transform: translate3d(260px,0,0);
    -webkit-transform: translate3d(260px,0,0);
    -o-transform: all translate3d(260px,0,0);

    transition: all 0.4s;
    -ms-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
}
.opac{
    opacity: 1;
    filter:alpha(opacity=0) ;
    z-index: 1300;
}
.mobile_left ul{
    margin-top: 1rem;
}
.mobile_left li{
    width: 260px;
    font-size:0.26rem;
    min-height: 1rem;
    line-height: 1rem;
    position: relative;
    z-index: 3;
}
.mobile_left li a{
    padding-left: .6rem;
    color: #888
}
.mobile_left li.active{
    background: #2495e4;
}
.mobile_left li.active>a{
    color: #fff;
}
.mobile_left li.active .sub a{
    color: #848484;
    display: block;
    width: 100%;
}
.mobile_left li.active span{
    background: #fff;
}
.mobile_left li.active .icon{
    background: #474747;
}
.mobile_left li a span{
    display: inline-block;
    width: 0.16rem;
    height: 0.16rem;
    border: #D8D8D8 1px solid;
    border-radius: 50%;
    -webkit-border-radius:50%;
    margin-right: .3rem;
}
.mobile_left li .icon{
    display: block;
    background: #474747;
    border:none;
    position: absolute;
    z-index: 1;
}
.mobile_left li .icon.c1{
    width:0.05rem;
    height: 0.26rem; 
    top:0.35rem;
    right: 0.9rem;
    transition: all 0.4s;
    -ms-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;    
}
.mobile_left li .icon.c2{
    width: 0.26rem;
    height: 0.04rem;
    top: 0.45rem;
    right: 0.8rem;
}
.mobile_left ul .sub{
    margin-top:0px; 
    display: none;
}
.mobile_left ul .sub li{
    background: #ebebeb;
    color: #848484;
    border-top: 1px solid rgba(255,255,255,.4);
}
.mobile_left ul .sub li a i{
    color: #B4B4B4;
    margin-right: 20px;
    font-size: 0.3rem;
}
.mobile_left .sub li.selected a i,.mobile_left li.active .sub li.selected a{
    color: #fff;
    background: #2495e4;
}
.mobile_header{
	width: 100%;
	height: 1rem;
    position: fixed;
    top:0px;
    left: 0px;
    z-index: 1000;
    background: #fff;
    transition: all 0.4s;
    -moz-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
}
.mobile_header .nav{
	width: 1.2rem;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	padding-top: .12rem;
}
.mobile_header .nav .change{
    position:absolute;
    top: 7px;
    left: 6px;
    z-index:10000;
    width: 30px;
    height: 30px;
}
.mobile_header .nav span{
	display: block;
	height: 1px;
    width: 0.6rem;
	border-bottom: 1px solid #999;
	margin: .21rem auto;
    transition: all 0.4s;
    -ms-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;    
}
.mobile_header .change1{
    transform:rotate(-45deg);
    position:relative;
    top: 17px;
    left: 9px;
    margin:0px !important;
}
.mobile_header .change2{
    position:relative;
    top: 15px;
    left: 10px;
    transform:rotate(45deg);
    margin:0px !important;
}
.mobile_left .change3{
    transform:rotate(-90deg);
    top: 0rem;
}
.mobile_header .logo{
    height: .6rem;
    max-width: 3.6rem;
    display: block;
    position: absolute;
    top: .2rem;
    left: 50%;
    margin-left:-1.35rem; 
}
.mobile_right .footer{
    background: #fff;
    padding: .5rem .35rem .3rem;
}
.mobile_right .footer p{
	width: 50%;
	font-size: .24rem;
    color: #8e8e8e;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.rotate1{
    transform: rotate( -45deg);
    -ms-transform: rotate( -45deg);
    -moz-transform: rotate( -45deg);
    -webkit-transform: rotate( -45deg);
    -o-transform:rotate( -45deg);

    transition: all 0.4s;
    -ms-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
}
.rotate2{
    transform: rotate( 45deg);
    -ms-transform: rotate( 45deg);
    -moz-transform: rotate( 45deg);
    -webkit-transform: rotate( 45deg);
    -o-transform:rotate( 45deg);

    transition: all 0.4s;
    -ms-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
}
.ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    max-width: 100%;
}